﻿@section head{
<script>
    $(function myfunction() {
        SetTitle("选择日期")
    })
</script>
}
<script type="text/javascript">
			$(function() {
				$(".calendar table tbody tr td div").click(function() {
					$(".calendar table").find("div").removeClass("cur");
					$(this).addClass("cur");
				});
			})
</script>
<div class="calendar">
    <ul class="date">
        <li>
            <a class="btnLeft"><i class="icon iconfont icon-jiantouzuo greenFont"></i></a>
            <p>2015年9月</p>
            <a class="btnRight"><i class="icon iconfont icon-jiantouyou greenFont"></i></a>
        </li>
    </ul>
    <table border="0" cellspacing="0" cellpadding="0">
        <thead>
            <tr>
                <th>日</th>
                <th>一</th>
                <th>二</th>
                <th>三</th>
                <th>四</th>
                <th>五</th>
                <th>六</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    <p></p>
                </td>
                <td>
                    <p></p>
                </td>
                <td>
                    <p>1</p>
                </td>
                <td>
                    <p>2</p>
                </td>
                <td>
                    <p>3</p>
                </td>
                <td>
                    <p>4</p>
                </td>
                <td>
                    <p>5</p>
                </td>
            </tr>
            <tr>
                <td>
                    <p>6</p>
                </td>
                <td>
                    <p>7</p>
                </td>
                <td>
                    <p>8</p>
                </td>
                <td>
                    <p>9</p>
                </td>
                <td>
                    <p>10</p>
                </td>
                <td>
                    <p>11</p>
                </td>
                <td>
                    <p>12</p>
                </td>
            </tr>
            <tr>
                <td>
                    <p>13</p>
                </td>
                <td>
                    <p>14</p>
                </td>
                <td>
                    <p>15</p>
                </td>
                <td>
                    <p>16</p>
                </td>
                <td>
                    <p>17</p>
                </td>
                <td>
                    <p>18</p>
                </td>
                <td>
                    <p>19</p>
                </td>
            </tr>
            <tr>
                <td>
                    <p>20</p>
                </td>
                <td>
                    <p>21</p>
                </td>
                <td>
                    <p>22</p>
                </td>
                <td>
                    <p>23</p>
                </td>
                <td>
                    <p>24</p>
                </td>
                <td>
                    <p>25</p>
                </td>
                <td>
                    <p>26</p>
                </td>
            </tr>
            <tr>
                <td>
                    <p class="none">27</p>
                    <div>
                        <p class="normalFont">27</p>
                        <span class="font12 ">50 / </span><span class="font12 priceFont">30</span>
                    </div>
                </td>
                <td>
                    <p class="none">28</p>
                    <div>
                        <p class="normalFont">28</p>
                        <span class="font12 ">50 / </span><span class="font12 priceFont">30</span>
                    </div>
                </td>                                                                        
                <td>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
 
                    <p class="none">29</p>
                    <div>
                        <p class="normalFont">29</p>
                        <span class="font12 ">50 / </span><span class="font12 priceFont">30</span>
                    </div>
                </td>
                <td>
                    <p>30</p>
                </td>
                <td>
                    <p></p>
                </td>
                <td>
                    <p></p>
                </td>
                <td>
                    <p></p>
                </td>
            </tr>
        </tbody>
    </table>

</div>
<div class="time-list marginTop">
    <table>
        <thead>
            <tr>
                <th>
                    上车点
                </th>
                <th>
                    上车时间
                </th>
                <th>
                    预定
                </th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    安徽师范大学东门
                </td>
                <td>
                    09:50
                </td>
                <td>
                    <input type="radio" class="checkbox" id="checkbox1">
                    <label for="checkbox1"></label>
                </td>
            </tr>
            <tr>
                <td>
                    安徽芜湖职业技术学院东门
                </td>
                <td>
                    09:50
                </td>
                <td>
                    <input type="radio" class="checkbox" id="checkbox2">
                    <label for="checkbox2"></label>
                </td>
            </tr>
        </tbody>
    </table>
</div>

<ul class="number marginTop">
    <li>
        <p>选择人数选择人数选择人数</p>
        <span class="priceFont">￥28 / 人</span>
        <div class="numChoice">
            <p>-</p>
            <span>2</span>
            <p>+</p>
        </div>
    </li>
</ul>
<ul class="footBar">
    <li class="left">拼车价：<span class=" font16">￥</span><span class=" font18">28</span></li>
    <li class="right"><a href="填写订单" class="btn orangebg"><i class="icon iconfont icon-bianji marginRight"></i>下一步</a></li>
</ul>